<template>
    <div>
        <p class="test">test</p>
        <p :class="$style.test">test</p>
        <ItemA :item="{a: 12}"></ItemA>
    </div>
</template>

<script setup lang="jsx">
import { ref, useCssModule } from "vue"

const myCss = useCssModule()

const ItemA = (props, e) => {
    console.log(props, e);
    return (<p class={myCss.test}>testjsx{props.item.a}</p>)
}

// 可以设置 下面的 module="my" 再命名使用
// const myCss = useCssModule('my')


</script>

<style lang="less" module>
    .test{
        font-size: 12px;
        color: red;
        font-weight: bold;
    }
</style>
